<template>
    <div>
        <el-menu
          :default-active="activeIndex"
          class="el-menu-demo"
          mode="horizontal"
          @select="handleSelect"
          background-color="#545c64"
          text-color="#fff"
          active-text-color="#ffd04b">
          <el-menu-item index="batch/批量执行">批量执行</el-menu-item>
          <el-menu-item index="env/环境管理">环境管理</el-menu-item>
          <el-menu-item index="service/接口管理">接口管理</el-menu-item>
          <el-submenu index="shared">
              <template slot="title">共享参数</template>
              <el-menu-item index="s-rules/共享SQL">共享SQL</el-menu-item>
              <el-menu-item index="s-var/共享变量">共享变量</el-menu-item>
              <el-menu-item index="s-cartesion/共享常量">共享常量</el-menu-item>
              <el-menu-item index="s-datapool/共享数据池">共享数据池</el-menu-item>
              <el-menu-item index="s-dictionary/常量字典">常量字典</el-menu-item>
          </el-submenu>
          <el-submenu index="query">
              <template slot="title">综合查询</template>
              <el-menu-item index="q-search/案例查询">案例查询</el-menu-item>
              <el-menu-item index="q-tag/标签管理">标签管理</el-menu-item>
              <el-menu-item index="q-builtfun/内置函数">内置函数</el-menu-item>
          </el-submenu>
          <el-menu-item index="user/用户管理">用户管理</el-menu-item>
          <el-menu-item index="cancel/取消任务管理">取消任务管理</el-menu-item>
        </el-menu>
    </div>
</template>
<script>
  export default {
    data() {
      return {
        activeIndex: '1',
      };
    },
    methods: {
      handleSelect(key, keyPath) {
        var arr = key.split('/');
         this.$router.push({
            path:`/doremi/${arr[0]}`,
            query:{
              id:arr[0],
              text:arr[1],
              make:"nav"
            }
          })
      }
    }
  }
</script>

<style lang="sass" scoped>

</style>


